<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <header>
    <div class="input-div">
      <textarea name="" id="input" cols="30" rows="10" placeholder="请将章节复制进此处"></textarea>
    </div>
    <div class="button-row">
      <button id="show">显示/隐藏上面输入框</button>
    </div>
    <div class="button-row">
      <button id="clear">清 空</button>
      <button id="find">查找屏蔽词</button>
      <button id="handle">处理屏蔽词</button>
    </div>
    <div class="button-row">
      <button id="copy1">复制上面输入框内容</button>
      <button id="copy2">复制处理好的内容</button>
    </div>
    <div class="split-row">
      <label for="split">分隔符（默认空格，最多2个字符）：</label>
      <input type="text" name="split" maxlength="2" id="split">
    </div>
    <p id="res"></p>
  </header>
  <div id="content"></div>
  <textarea id="hide" readonly="readonly"></textarea>
  <script src="./js/jq.min.js"></script>
  <script src="./js/data.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>